@media all and (max-width: 600px){
	.b50, .b20, .b33{
		width:100%!important;
		float: none!important;
   		margin-bottom: 20px;
   		height: auto;
	}
	.ourp_ico{
		width:90%!important;
		float: none!important;
   		margin-bottom: 20px;
   		height: auto;
	}
	.social_header{
		top:30px;
	}
	.container{
		width:100%;
		padding: 0;
	}
	#left-sidebar,
	#footer .footer .fcenter,
	#right-sidebar{
		display:none;	
	}
	#header .top .logo{
		display: block;
    width: 100%;
    background: #f0ce77;
    text-align: center;
	}
	#footer .footer .fcontacts{
		text-align:center;
	}
	#footer .footer .flogo{
		background-position: 50%;
	}
	#header .top .contacts{
		position: relative;
    top: 0;
    right: 0;
    padding: 10px;
    color: #000;
    font-size: 1.4em;
	}
	#header .phone a{
		color:#000;
	}
	#content .content,
	#services,
	#footer .footer .flogo,
	#footer .footer .fcontacts,
	#services li{
		width:100%;
		float:none;
		font-size: 1.3em;
		display:block;
	}
	#mainnav ul li a{
		padding: 20px;
		display:block;
		line-height:1.2em;
	}
	#mainnav ul li:first-child a{
		padding-left: 20px;
	}
	#mainnav ul li{
		disply:block;
		float:none;
	}
	.menu_wrap{
		overflow:hidden;
		height:0;
	}
	.alignright,
	.alignleft{
		float:none;
		max-width:100%;
		margin: 10px 0;
	}
	html{
		min-width:300px;
	}
	#content .single ul li, #content .single ol li{
		display:block;
	}
	#group{
		display:none;
	}
	.mobile_menu .fa{
		display: inline-block;
    background: white;
    padding: 10px 12px;
    margin: 5px 15px;
    color: #2b3c44;
    border: 1px solid #567888;
    border-radius: 3px;
	}
	.mobile_menu{
		height: 54px;
		display:block;
	}
	.mobile_menu.active .fa-bars{
		display:none;
	}
	.mobile_menu.active .fa-times{
		display:inline-block;
	}
	.mobile_menu .fa-times{
		display:none;
	}
	body #services {
		width: auto;
	}
	body #content .single #services li,
	body #services li {
		width: 100%;
		display: block;
		float: none;
	}
}